@import './modules/reset';
@import './modules/header';
 .shop{
	position: relative;
	 width: 1120px;
	 height: 585px;
	 margin: 0 auto;
	 &-left{
		 width: 540px;
		 height: 585px;
		 background-color: #f0f0f0;
		 position: relative;
		img{
			width:538px;
			height: 538px;
		}
	 }
	&-tab{
		width: 295px;
		height: 66px;
		position: absolute;
		bottom: 42px;
		left: 50%;
		margin-left: -147px;
		z-index: 9;
	}
	&-samll{
		position: relative;
		width: 54px;
		height: 54px;
		padding: 2px;
		border: 1px solid #d8dad9;
		margin-left: -1px;
		cursor: pointer;
		float: left;
		background-color: #fff;
		img{
			width: 54px;
			height: 54px;
		}
	}
	&-big{
		position: relative;
		width: 538px;
		height: 538px;
	}
	&-box{
		position: absolute;
		width: 134px;
		height: 134px;
		background-color: rgba(0,0,0,0.4);
	}
	&-yi{
		position: absolute;
		top: 0;
		left: 578px;
		width: 538px;
		height: 538px;
		z-index: 99;
		overflow: hidden;
		img{
		width: 2152px;
		height: 2152px;
		}
	
	}
&-right{
		position: absolute;
		top: 0;
		left: 578px;
		right: 20px;
		width: 542px;
		height: 658px;
		&-top{
			padding-top: 4px;
			height: 52px;
			width: 100%;
		h3{
			height: 42px;
			padding-top: 10px;
			line-height: 42px;
			font-size: 24px;
		}
		
		
		}
		&-txt{
			line-height: 18px;
			padding-bottom: 10px;
			color: #555;
			font-size: 15px;
		}
		&-pic{
			width: 100%;
			height: 102px;
			margin-top: 6px;
			background: url(../images/show_jiage_bj.jpg)no-repeat;
		}
		&-wen{
			width: 100%;
			height: 24px;
			padding-top: 20px;
			
		}
		&-pt{
			display: inline-block;
			width: 62px;
			line-height: 28px;
			color: #555;
			font-size: 12px;
			text-indent: 20px;
			float: left;
		}
		&-jiage{
			display: inline-block;
			width: 80px;
			height: 24px;
			font-size:28px ;
			font-weight: bolder;
			line-height: 24px;
			height: 24px;
			color: #a01f23;
			margin-right: 2px;
			float: left;
			b{
				font-size: 12px;
				line-height: 21px;
				padding-right: 3px;
				padding-top: 6px;
				float: left;
			}
		}
		&-f1{
			float: left;
		}
		&-ping{
			height: 78px;
			border-bottom: 1px #cccccc dotted;
			padding-top: 12px;
			line-height: 22px;
			color: #555;
		}
		&-xiao{
			height: 68px;
			width: 160px;
			border-right: 1px #e8e7e7 solid;
			text-align: center;
			float: left;
		}
		&-pingjia{
			float: left;
			height: 68px;
			width: 170px;
			border-right: 1px #e8e7e7 solid;
			text-align: center;
			a{
			color: #ee4727;
			&:hover{
				text-decoration: underline;
			}
			}
		
		}
	&-tong{
		padding-top: 22px;
		width: 542px;
	}
	&-pt2{
		display: inline-block;
		float: left;
		width: 62px;
		color: #555;
		padding-top: 25px;
		text-indent: 20px;
		font-size: 14px;
	}
	&-yanse{
		float: left;
		width: 480px;
		li{
			float: left;
			height: 60px;
			width: 70px;
			
		}
		img{
			width: 56px;
			height: 56px;
			vertical-align: middle;
			display: block;
			float: left;
			background: #FFF;
		}
	
	}
	&-chi{
		float: left;
		padding-top: 22px;
		width: 542px;
		.f5{
			float: left;
			width: 48px;
			height: 30px;
		   padding: 0px;
		   margin-right: 8px;
		   margin-bottom: 0px;
		   a{
			  width: 48px;
			  height: 30px;
			  line-height: 30px;
			  text-align: center;
			   font-size: 14px;
			   color: #000000;
		   }
		}
	}
	&-cart{
		float: left;
		padding-top: 12px;
		width: 542px;
		margin-top: 5px;
	}
	&-mt15{
		float: left;
		padding-top: 15px;
		width: 542px;
		margin-top: 5px;
	}
	&-mart{
		display: inline-block;
		width: 62px;
		height: 16px;
		color: #555;
		text-indent: 20px;
	}
	&-bao{
		float: left;
		width: 502px;
		height: 20px;
		line-height: 20px;
		padding-left: 60px;
		padding-top: 10px;
		margin-top: 8px;
		border-top: 1px #cccccc dotted;
	}
	}
	
 }
 .fon2{
	 font-size: 12px;
	 color: #a01f23;
 }
 .fon3{
	 font-size: 12px;
	 color: #666;
 }
 .pt5{
	 padding-top: 5px;
	 
 }
.cart{
	display: inline-block;
	width: 158px;
	height: 48px;
	line-height: 48px;
	color: #fff;
	background: #a01f23;
	font-size: 18px;
	text-align: center;
	&:hover {
		background-color: #b6292e;
	}

}
.bot{
	width: 134px;
	padding-left: 35px;
	height: 48px;
	line-height: 48px;
	color: #a01f23;
	display:inline-block;
	background: url(../images/guwuche.jpg) no-repeat #FCC;
	font-size: 18px;
	text-align: center;
}
.jianxi{
	padding-left: 10px;
}
 .f3{
	 display: block;
	 float: left;
	 margin-bottom: 0x;
	 height: 56px;
	 width: 56px;
	 overflow: hidden;
	 border: 2px solid #e0e0e0;
	 background: #FFF;
	 position: relative;
	 cursor: pointer;
 }
 .click{
	 display: block;
	 border: 2px solid #a01f23;
	 span{
	 	position: absolute;
	 	right: -2px;
	 	bottom: -2px;
	 	width: 16px;
	 	height: 16px;
	 	background: url(../images/detail_hover.png) right bottom no-repeat;
	 }
 }
 .inp{
	 top: 0;
	 outline: none;
	 height: 24px;
	 line-height: 24px;
	 width: 48px;
	 font-size: 14px;
	 text-align: center;
	 border: 0px;
	 border-top: 1px solid #cacaca;
	 border-bottom: 1px solid #cacaca;
	 margin-left: 0px;
	 margin-right: 0px;
	 vertical-align: middle;
 }
.num{
	float: left;
}
 .f12{
	 float: left;
	 width: 120px;
	 text-align: center;
 }
 .f16{
	 color: #333;
 }
 .f2{
	 height: 16px;
	 font-size: 12px;
	 color: #333;
 }
 
 .biaoqian{
	 background: url(../images/jiage.png) left bottom no-repeat;
	 width: 8px;
	 height: 20px;
	 margin-top: 3px;
	 float: left;
 }
 .biaoqianjia{
	 float: left;
	 background: #a01f23;
	 text-align: center;
	 padding: 0px 4px;
	 font-weight: bolder;
	 color: #FFF;
	 margin-top: 3px;
	 margin-left: 0px;
	 font-weight: normal;
	 font-size: 12px;
	 line-height: 20px;
 }
 .jianjiao{
	 position: absolute;
	 top: -6px;
	 left: -1px;
	 width: 60px;
	 height: 6px;
	 background: url(../images/shopbiao.png)no-repeat center center;
 }
 .hide{
	 display: none;
 }
.box{width:538px;height: 538px;}.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:42px;margin:0 6px 0 0;overflow:hidden;padding:1px;}
.tb-s310, .tb-s310 a{height:310px;width:310px;}
.tb-s310, .tb-s310 img{width:538px;height: 538px;}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height:40px;width:40px;}
.tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1;}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #C30008;height:40px;padding:2px;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;cursor:move;z-index:1;background-color: rgba(0,0,0,0.5);}
@import './modules/footer';